<template>
    <el-form-item label="网络" prop="title">
        <div class="flexbox flexcenter checked_list">
            <el-radio label="1" v-model="createform.audience.ac_null" @change="changeAcNull">
                <div class="checked_item"><img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">不限</div>
            </el-radio>
            <el-checkbox-group v-model="createform.audience.ac" @change="changeAcHas">
                <el-checkbox label="WIFI">
                    <div class="checked_item"><img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">WIFI</div>
                </el-checkbox>
                <el-checkbox label="2G">
                    <div class="checked_item"><img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">2G</div>
                </el-checkbox>
                <el-checkbox label="3G">
                    <div class="checked_item"><img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">3G</div>
                </el-checkbox>
                <el-checkbox label="4G">
                    <div class="checked_item"><img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">4G</div>
                </el-checkbox>
                <el-checkbox label="5G">
                    <div class="checked_item"><img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">5G</div>
                </el-checkbox>
            </el-checkbox-group>
        </div>
    </el-form-item>
</template>

<script>
export default {
    props: ["createform"],
    name: "",
    data() {
        return {};
    },
    created() {},
    methods: {
        //网络选择
        changeAcNull() {
            this.createform.audience.ac = [];
            this.sessionSave();
        },
        changeAcHas() {
            if (this.createform.audience.ac.length == 0) {
                this.createform.audience.ac_null = "1";
            } else {
                this.createform.audience.ac_null = "";
            }
            this.sessionSave();
        },
        sessionSave() {
            this.$emit("sessionSave");
        },
    },
    components: {},
};
</script>


<style scoped>
</style>

